<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>万里云平台 -- 打印模版设计</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<script type="text/javascript" src="../../../static/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="../../../static/js/common.js"></script>

	<style type="text/css">
		html,body{
			padding: 0px;margin:0px;
		}
		.c123456{
			width:20px;height:20px;cursor: pointer;
		}
		.c-row{
			display: table-row;width: 320px;
		}
		.c-cell{
			display: table-cell;
		}
	</style>
</head>
<body>
<script>
	
	var colors = ['FFFFFF','C3C3C3','FFDCDC','FFDCD1','FFE2EC','F1CEF2','F4DCD9','FED1A1','FEE9AE','FEF9B1','F2FEAE','E2FFB3','CCEDCC','EBFFF9','DCE2FF','E0E2F5','EAEAEA','979797','FEB9B4','FE9893','FFCBDE','EEC3EF','EEC8C4','FEBD7E','FEE399','FDF8A1','EEFE7E','D6FF8D','B3E4B3','D8FFF3','D1DAFF','D2D6F1','DBDBDB','828282','FE9893','FF9D83','FFB7D2','E8B0EA','E6ADA7','FE9846','FEDA7A','FDF580','F0FE56','C7FF5B','A7E0A7','BDFFEA','A9BBFF','BABFE9','CDCDCD','696969','FE6F64','FF5933','FF9BC1','E094E3','E09992','FE8226','FEBF26','FCED44','EEFE34','C4FF23','93D993','9FFFDF','839DFF','9299DC','B7B7B7','565656','FE5548','FF401B','FF81B4','D678DC','DA817B','FE6F06','F5AD01','FCEB2C','F1FE1A','B5F000','75CF75','73FFD0','597CFF','7B82D5','ADADAD','333333','FE3E30','F22200','FF599F','CB5DD5','D1615B','DD5901','DD9701','FBE815','D9E101','A0CE00','5CC65C','3DFFBD','456CFF','6871CF','A3A3A3','1A1A1A','FB0D01','BA1500','FF2581','BD3ACC','CC4E48','B54901','BB7B01','F8DE04','ABB101','8EB200','3AA43A','00DC91','1F4EFF','434FC3','979797','0B0B0B','E50C01','A60F00','EC0064','A32DB0','B43532','9D3F00','A16700','EED004','9FA100','7A9800','318931','00A66D','0F42FF','3843AE'];
	for( var i=0 ; i<8 ; i++ ){
		var row = $('<div class="c-row"></div>')
		for( var j=0 ; j<16 ; j++ ){
			var c = '#'+colors[(i*16+j)];
			row.append('<div class="c123456 c-cell" v="'+c+'" style="background:'+c+'"></div>');
		}
		$(document.body).append(row);
	}

	$(document.body).append('<div style="width:320px;height:100px;" id="demo"></div>');

	$('.c123456').mouseenter(function () {
		$('#demo').css({"background":$(this).attr('v')});
	}).click(function () {
        top.getTargetWindow().setSelectedValue(app.getRequestParams().name,$(this).attr('v').replace('#',''));
		$('input[edit="color"]',top.getTargetWindow().document).val($(this).attr('v'));
		app.closeLastWindow();
	});
</script>
</body>
</html>